<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/main.css">
	<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
	<script src="./js/index.js"></script>
</head>

<body>
	<div class="ad"></div>
	<!-- 顶部导航 -->
	<div class="top">
		<div class="mid">
			<div class="top_left">
				<a href="">小米商城</a>
				<span>|</span>
				<a href="">MIUI</a>
				<span>|</span>
				<a href="">IoT</a>
				<span>|</span>
				<a href="">云服务</a>
				<span>|</span>
				<a href="">水滴</a>
				<span>|</span>
				<a href="">金融</a>
				<span>|</span>
				<a href="">有品</a>
				<span>|</span>
				<a href="">Select Region</a>
			</div>
			<div class="top_right">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<span>|</span>
				<a href="">消息通知</a>
				<div class="cart_menu">
					<a href="" class="car"><i class="iconfont">&#xe60c;</i>购物车(0)</a>
					<div class="mini_cart"><span>购物车中还没有商品,赶紧选购吧</span></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 顶部导航结束 -->
	<!-- 头部开始 -->
	<div class="header">
		<div class="header_downList">
					<div class="mid"><img src="./image/20180104164631.png" alt=""></div>
				</div>
		<div class="mid">
			<div class="header-top">
				<div class="header_logo">
					<div class="mi_logo"></div>
					<div class="logo_ad"></div>
				</div>
				<div class="header_nav">
					<a href="">小米手机</a>
					<a href="">红米</a>
					<a href="">笔记本</a>
					<a href="">电视</a>
					<a href="">盒子</a>
					<a href="">新品</a>
					<a href="">路由器</a>
					<a href="">智能硬件</a>
					<a href="">服务</a>
					<a href="">社区</a>
				</div>
				<div class="header_search">
					<form action="">
						<input type="search" class="searchBox">
						<ul class="search_words">
							<li><a>小米手机6<span class="productNum">约有24件</span></a></li>
							<li><a>小米手机5s<span class="productNum">约有19件</span></a></li>
							<li><a>小米手机5<span class="productNum">约有8件</span></a></li>
							<li><a>红米手机5A<span class="productNum">约有27件</span></a></li>
							<li><a>小米笔记本<span class="productNum">约有13件</span></a></li>
							<li><a>路由器<span class="productNum">约有15件</span></a></li>
							<li><a>手环<span class="productNum">约有12件</span></a></li>
							<li><a>电视<span class="productNum">约有38件</span></a></li>
							<li><a>小米盒子<span class="productNum">约有7件</span></a></li>
							<li><a>耳机<span class="productNum">约有21件</span></a></li>
							<li><a>充电器<span class="productNum">约有16件</span></a></li>
						</ul>
						<input type="button" value="&#xe616;" class="searchButton iconfont">
					</form>
					<div class="search-hotword">
						<a href="">红米5新品</a>
						<a href="">小米Note3</a>
					</div>
				</div>
			</div>
			<!-- 大图片上的导航区开始	 -->
			<div class="header_home">
				<ul class="header_home_nav">
					<li>
						<a href="" class="nav_title">手机 电话卡
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">笔记本
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">电视 盒子
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">路由器 智能硬件
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">移动电源 电池 插线板
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">耳机 音箱
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">保护套 贴膜
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">线材 支架 存储卡
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">箱包 服饰 鞋 眼镜
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="" class="nav_title">米兔 生活周边
							<i class="iconfont"></i>
						</a>
						<div class="children_box">
							<div class="in">
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
								<ul class="children_list">
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
									<li><a href=""><img src="./image/note3-80-2.png" alt="">小米note3</a></li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
				<!-- 大图片上的导航区结束	 -->
				<!-- 大图片轮播 -->
				<div class="header_home_photo">
					<ul class="slider">
						<li class="sliderItem"><a href=""><img src="./image/xmad_15142935262383_cBEjQ.jpg" alt=""></a></li>
						<li class="sliderItem"><a href=""><img src="./image/xmad_15144616645791_zJaAK.jpg" alt=""></a></li>
						<li class="sliderItem"><a href=""><img src="./image/xmad_15144614850864_AvtDN.jpg" alt=""></a></li>
						<li class="sliderItem"><a href=""><img src="./image/xmad_15145133445118_rGDpF.jpg" alt=""></a></li>
						<li class="sliderItem"><a href=""><img src="./image/xmad_1513304443358_gzjfM.jpg" alt=""></a></li>
					</ul>
					<div class="controls">
						<span href="" class="prev"></span>
						<span href="" class="next"></span>
					</div>
					<ul class="click_list">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
			<!-- 小米热销产品卡片 -->
			<div class="header_card">
				<ul class="header_card_nav">
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>选购手机</p>
						</a>
						<span class="line_left"></span>
						<span class="line_down"></span>
					</li>
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>企业团购</p>
						</a>
						<span class="line_left"></span>
						<span class="line_down"></span>
					</li>
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>码通道的</p>
						</a>
						<span class="line_down"></span>
					</li>
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>米粉卡的</p>
						</a>
						<span class="line_left"></span>
					</li>
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>以旧换新</p>
						</a>
						<span class="line_left"></span>
					</li>
					<li class="card_nav_item">
						<a href="">
							<i class="iconfont"></i>
							<p>话费充值</p>
						</a>
					</li>
				</ul>
				<ul class="header_card_goods">
					<li class="card_goods1">
						<a href="">
							<img src="./image/xmad_15124514536952_mGxUh.jpg" alt="">
						</a>
					</li>
					<li class="card_goods2">
						<a href="">
							<img src="./image/xmad_15136076116535_hUlKS.jpg" alt="">
						</a>
					</li>
					<li class="card_goods3">
						<a href="">
							<img src="./image/xmad_15120441868462_gnUsB.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
			<!-- 小米明星单品开始	 -->
			<div class="header_star">
				<div class="hd">
					<h2 class="title">小米明星单品</h2>
					<div class="tab">
						<span href="" class="noBorder star_tab_left">
							<i class="iconfont"></i>
						</span>
						<span href="" class="star_tab_right">
							<i class="iconfont"></i>
						</span>
					</div>
				</div>
				<div class="box_bd">
					<ul>
						<li class="first">
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li class="first">
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
						<li>
							<a href="">
								<img src="./image/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
								<p class="products_name">小米手环</p>
							</a>
							<p class="products_description">OLED 显示屏幕，升级计步算法</p>
							<p class="products_prices">149元</p>
						</li>
					</ul>
				</div>
			</div>
			<!-- 小米明星单品结束 -->
		</div>
	</div>
	<!-- 头部结束 -->
	<div class="main">
		<div class="mid">
			<!-- 家电开始 -->
			<div class="main_box">
				<div class="main_hd">
					<h2 class="title">家电</h2>
					<ul class="tab_list">
						<li class="">
							<span>热门</span>
						</li>
						<li class="">
							<span>电视影音</span>
						</li>
						<li class="">
							<span>电脑</span>
						</li>
						<li class="">
							<span>家居</span>
						</li>
					</ul>
				</div>
				<div class="brick_box">
					<ul class="brick_box_left">
						<li class="brick_item1">
							<img src="./image/xmad_15130067249927_mHhCa.jpg" alt="">
						</li>
					</ul>
					<div class="brick_box_right">
						<ul class="brick_list">
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item_s">
								<a href="">
									<p class="products_name">小白摄像机</p>
								</a>
								<p class="products_prices">349元</p>
								<img src="./image/pms_1468806372.46368911!220x220.jpg" alt="">
							</li>
							<li class="brick_item_s">
								<a href="" class="more">
									<span>浏览更多</span>
									<small>热门</small>
								</a>
								<a href="" class="more_iconfont">
									<i class="iconfont"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 家电结束 -->
			<!-- 智能开始 -->
			<div class="main_box">
				<div class="main_hd">
					<h2 class="title">智能</h2>
					<ul class="tab_list">
						<li class="">
							<a href="">热门</a>
						</li>
						<li class="">
							<a href="">出行</a>
						</li>
						<li class="">
							<a href="">健康</a>
						</li>
						<li class="">
							<a href="">酷玩</a>
						</li>
						<li>
							<a href="">路由器</a>
						</li>
					</ul>
				</div>
				<div class="brick_box">
					<div class="brick_box_left">
						<ul>
							<li class="brick_item">
								<img src="./image/xmad_15136026064938_jvZrn.jpg" alt="">
							</li>
							<li class="brick_item">
								<img src="./image/xmad_15059065811601_cCmTA.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="brick_box_right">
						<ul class="brick_list">
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item_s">
								<a href="">
									<p class="products_name">小白摄像机</p>
								</a>
								<p class="products_prices">349元</p>
								<img src="./image/pms_1468806372.46368911!220x220.jpg" alt="">
							</li>
							<li class="brick_item_s">
								<a href="" class="more">
									<span>浏览更多</span>
									<small>出行</small>
								</a>
								<a href="" class="more_iconfont">
									<i class="iconfont"></i>
								</a>

							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 智能结束 -->
			<!-- 搭配开始 -->
			<div class="main_box">
				<div class="main_hd">
					<h2 class="title">搭配</h2>
					<ul class="tab_list">
						<li class="">
							<a href="">热门</a>
						</li>
						<li class="">
							<a href="">耳机音箱</a>
						</li>
						<li class="">
							<a href="">电源</a>
						</li>
						<li class="">
							<a href="">电池存储卡</a>
						</li>
					</ul>
				</div>
				<div class="brick_box">
					<div class="brick_box_left">
						<ul>
							<li class="brick_item">
								<img src="./image/xmad_15136026064938_jvZrn.jpg" alt="">
							</li>
							<li class="brick_item">
								<img src="./image/xmad_15059065811601_cCmTA.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="brick_box_right">
						<ul class="brick_list">
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1501057018.70015369.jpg" alt="">
									<p class="products_name">小米AI音响</p>
								</a>
								<p class="products_prices">5599元</p>
								<p class="products_reviews">1.4万人评价</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item_s">
								<a href="">
									<p class="products_name">小白摄像机</p>
								</a>
								<p class="products_prices">349元</p>
								<img src="./image/pms_1468806372.46368911!220x220.jpg" alt="">
							</li>
							<li class="brick_item_s">
								<a href="" class="more">
									<span>浏览更多</span>
									<small>出行</small>
								</a>
								<a href="" class="more_iconfont">
									<i class="iconfont"></i>
								</a>

							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 搭配结束 -->
			<!-- 家电开始 -->
			<div class="main_box">
				<div class="main_hd">
					<h2 class="title">家电</h2>
					<ul class="tab_list">
						<li class="">
							<a href="">热门</a>
						</li>
						<li class="">
							<a href="">保护套</a>
						</li>
						<li class="">
							<a href="">贴膜</a>
						</li>
						<li class="">
							<a href="">其他配件</a>
						</li>
					</ul>
				</div>
				<div class="brick_box">
					<div class="brick_box_left">
						<ul>
							<li class="brick_item">
								<img src="./image/xmad_15136026064938_jvZrn.jpg" alt="">
							</li>
							<li class="brick_item">
								<img src="./image/xmad_15059065811601_cCmTA.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="brick_box_right">
						<ul class="brick_list">
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1501057018.70015369.jpg" alt="">
									<p class="products_name">小米AI音响</p>
								</a>
								<p class="products_prices">5599元</p>
								<p class="products_reviews">1.4万人评价</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item_s">
								<a href="">
									<p class="products_name">小白摄像机</p>
								</a>
								<p class="products_prices">349元</p>
								<img src="./image/pms_1468806372.46368911!220x220.jpg" alt="">
							</li>
							<li class="brick_item_s">
								<a href="" class="more">
									<span>浏览更多</span>
									<small>热门</small>
								</a>
								<a href="" class="more_iconfont">
									<i class="iconfont"></i>
								</a>

							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 家电结束 -->
			<!-- 周边开始 -->
			<div class="main_box">
				<div class="main_hd">
					<h2 class="title">周边</h2>
					<ul class="tab_list">
						<li class="">
							<a href="">热门</a>
						</li>
						<li class="">
							<a href="">耳机音箱</a>
						</li>
						<li class="">
							<a href="">电源</a>
						</li>
						<li class="">
							<a href="">电池存储卡</a>
						</li>
					</ul>
				</div>
				<div class="brick_box">
					<div class="brick_box_left">
						<ul>
							<li class="brick_item">
								<img src="./image/xmad_15136026064938_jvZrn.jpg" alt="">
							</li>
							<li class="brick_item">
								<img src="./image/xmad_15059065811601_cCmTA.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="brick_box_right">
						<ul class="brick_list">
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1501057018.70015369.jpg" alt="">
									<p class="products_name">小米AI音响</p>
								</a>
								<p class="products_prices">5599元</p>
								<p class="products_reviews">1.4万人评价</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item">
								<a href="">
									<img src="./image/pms_1499138177.54329452!220x220.jpg" alt="">
									<p class="products_name">小米笔记本Air 13.3" i7 处理器</p>
								</a>
								<p class="products_description">酷睿i7处理器,8GB内存+256GB</p>
								<p class="products_prices">5599元</p>
							</li>
							<li class="brick_item_s">
								<a href="">
									<p class="products_name">小白摄像机</p>
								</a>
								<p class="products_prices">349元</p>
								<img src="./image/pms_1468806372.46368911!220x220.jpg" alt="">
							</li>
							<li class="brick_item_s">
								<a href="" class="more">
									<span>浏览更多</span>
									<small>出行</small>
								</a>
								<a href="" class="more_iconfont">
									<i class="iconfont"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 周边结束 -->
			<!-- 为你推荐开始 -->
			<div class="main_box1">
				<div class="hd">
					<h2 class="title">为你推荐</h2>
					<div class="tab">
						<a href="" class="noBorder">
							<i class="iconfont"></i>
						</a>
						<a href="">
							<i class="iconfont"></i>
						</a>
					</div>
				</div>
				<ul>
					<li class="brick_item" id="weiNiTuiJun_First">
						<a href="">
							<img src="./image/pms_1501057018.70015369.jpg" alt="">
							<p class="products_name">小米AI音响</p>
						</a>
						<p class="products_prices">5599元</p>
						<p class="products_reviews">1.4万人评价</p>
					</li>
					<li class="brick_item">
						<a href="">
							<img src="./image/pms_1501057018.70015369.jpg" alt="">
							<p class="products_name">小米AI音响</p>
						</a>
						<p class="products_prices">5599元</p>
						<p class="products_reviews">1.4万人评价</p>
					</li>
					<li class="brick_item">
						<a href="">
							<img src="./image/pms_1501057018.70015369.jpg" alt="">
							<p class="products_name">小米AI音响</p>
						</a>
						<p class="products_prices">5599元</p>
						<p class="products_reviews">1.4万人评价</p>
					</li>
					<li class="brick_item">
						<a href="">
							<img src="./image/pms_1501057018.70015369.jpg" alt="">
							<p class="products_name">小米AI音响</p>
						</a>
						<p class="products_prices">5599元</p>
						<p class="products_reviews">1.4万人评价</p>
					</li>
					<li class="brick_item">
						<a href="">
							<img src="./image/pms_1501057018.70015369.jpg" alt="">
							<p class="products_name">小米AI音响</p>
						</a>
						<p class="products_prices">5599元</p>
						<p class="products_reviews">1.4万人评价</p>
					</li>
				</ul>
			</div>
			<!-- 为你推荐结束 -->
			<!-- 热评产品开始 -->
			<div class="main_box2">
				<div class="hd">
					<h2 class="title">热评产品</h2>
				</div>
				<ul>
					<li class="brick_box_L first" id="">
						<img src="./image/aa6b038a-2946-4549-acff-17c58e701556.jpg" alt="">
						<a class="reviews_content" href="">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a>
						<p class="products_reviews">来自于 yinyin19891117 的评价</p>
						<a href="" class="products_name">小米插线板</a>
						<span class="line">|</span>
						<span class="products_prices">49元</span>
					</li>
					<li class="brick_box_L">
						<img src="./image/aa6b038a-2946-4549-acff-17c58e701556.jpg" alt="">
						<a class="reviews_content" href="">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a>
						<p class="products_reviews">来自于 yinyin19891117 的评价</p>
						<a href="" class="products_name">小米插线板</a>
						<span class="line">|</span>
						<span class="products_prices">49元</span>
					</li>
					<li class="brick_box_L">
						<img src="./image/aa6b038a-2946-4549-acff-17c58e701556.jpg" alt="">
						<a class="reviews_content" href="">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a>
						<p class="products_reviews">来自于 yinyin19891117 的评价</p>
						<a href="" class="products_name">小米插线板</a>
						<span class="line">|</span>
						<span class="products_prices">49元</span>
					</li>
					<li class="brick_box_L">
						<img src="./image/aa6b038a-2946-4549-acff-17c58e701556.jpg" alt="">
						<a class="reviews_content" href="">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a>
						<p class="products_reviews">来自于 yinyin19891117 的评价</p>
						<a href="" class="products_name">小米插线板</a>
						<span class="line">|</span>
						<span class="products_prices">49元</span>
					</li>
				</ul>
			</div>
			<!-- 热评产品结束 -->
			<!-- 内容开始 -->
			<div class="main_box2">
				<div class="hd">
					<h2 class="title">内容</h2>
				</div>
				<ul id="content">
					<li class="brick_box_L first content">
						<h2 class="contentTitle book">图书</h2>
						<a href="" class="content_name">哈利·波特与被诅咒的孩子</a>
						<p class="content_description">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
						<span class="content_price">29.37元</span>
						<img class="content_img" src="./image/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="">
						<div class="tab_float">
							<a href="" class="tab_left">
								<i class="iconfont"></i>
							</a>
							<a href="" class="tab_right iconfont"></a>
						</div>
						<ul class="pages">
							<li class="page"></li>
							<li class="page"></li>
							<li class="page"></li>
						</ul>
					</li>
					<li class="brick_box_L content">
						<h2 class="contentTitle book">图书</h2>
						<a href="" class="content_name">哈利·波特与被诅咒的孩子</a>
						<p class="content_description">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
						<span class="content_price">29.37元</span>
						<img class="content_img" src="./image/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="">
						<div class="tab_float">
							<a href="" class="tab_left">
								<i class="iconfont"></i>
							</a>
							<a href="" class="tab_right iconfont"></a>
						</div>
						<ul class="pages">
							<li class="page"></li>
							<li class="page"></li>
							<li class="page"></li>
						</ul>
					</li>
					<li class="brick_box_L content">
						<h2 class="contentTitle book">图书</h2>
						<a href="" class="content_name">哈利·波特与被诅咒的孩子</a>
						<p class="content_description">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
						<span class="content_price">29.37元</span>
						<img class="content_img" src="./image/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="">
						<div class="tab_float">
							<a href="" class="tab_left">
								<i class="iconfont"></i>
							</a>
							<a href="" class="tab_right iconfont"></a>
						</div>
						<ul class="pages">
							<li class="page"></li>
							<li class="page"></li>
							<li class="page"></li>
						</ul>
					</li>
					<li class="brick_box_L content">
						<h2 class="contentTitle book">图书</h2>
						<a href="" class="content_name">哈利·波特与被诅咒的孩子</a>
						<p class="content_description">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
						<span class="content_price">29.37元</span>
						<img class="content_img" src="./image/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="">
						<div class="tab_float">
							<a href="" class="tab_left">
								<i class="iconfont"></i>
							</a>
							<a href="" class="tab_right iconfont"></a>
						</div>
						<ul class="pages">
							<li class="page"></li>
							<li class="page"></li>
							<li class="page"></li>
						</ul>
					</li>
				</ul>

			</div>
			<!-- video start -->
			<div class="main_box3">
				<div class="hd">
					<h2 class="title">视频</h2>
					<a href="" class="whachMore">查看更多
						<i class="iconfont"></i>
					</a>
				</div>
				<div class="videoBox">
					<ulclass="videoList">
						<li class="videoListFirst">
							<img src="./image/xmad_15053784427187_fmBed.jpg" alt="">
							<a href="">雷军与斯塔克打造全面屏2.0</a>
							<p class="video_desc">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							<span class="play">
								<i class="iconfont"></i>
							</span>
						</li>
						<li>
							<img src="./image/xmad_15053784427187_fmBed.jpg" alt="">
							<a href="">雷军与斯塔克打造全面屏2.0</a>
							<p class="video_desc">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							<span class="play">
								<i class="iconfont"></i>
							</span>
						</li>
						<li>
							<img src="./image/xmad_15053784427187_fmBed.jpg" alt="">
							<a href="">雷军与斯塔克打造全面屏2.0</a>
							<p class="video_desc">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							<span class="play">
								<i class="iconfont"></i>
							</span>
						</li>
						<li>
							<img src="./image/xmad_15053784427187_fmBed.jpg" alt="">
							<a href="">雷军与斯塔克打造全面屏2.0</a>
							<p class="video_desc">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							<span class="play">
								<i class="iconfont"></i>
							</span>
						</li>
						</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="mid">
			<div class="foot_service">
				<ul class="foot_service_list">
					<li id="service_list_first">
						<a href="">
							<i class="iconfont"></i>预约维修服务</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>7天无理由退货</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>15天免费换货</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>满150元包邮</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="footer_links">
				<dl class="foot_link_list">
					<dt class="link_title first_link_list">帮助中心</dt>
					<dd>
						<a href="">账户管理</a>
					</dd>
					<dd>
						<a href="">购物指南</a>
					</dd>
					<dd>
						<a href="">订单操作</a>
					</dd>
				</dl>
				<dl class="foot_link_list">
					<dt class="link_title">服务支持</dt>
					<dd>
						<a href="">售后政策</a>
					</dd>
					<dd>
						<a href="">自助服务</a>
					</dd>
					<dd>
						<a href="">相关下载</a>
					</dd>
				</dl>
				<dl class="foot_link_list">
					<dt class="link_title">线下门店</dt>
					<dd>
						<a href="">小米之家</a>
					</dd>
					<dd>
						<a href="">服务网点</a>
					</dd>
					<dd>
						<a href="">零售网点</a>
					</dd>
				</dl>
				<dl class="foot_link_list">
					<dt class="link_title">关于小米</dt>
					<dd>
						<a href="">了解小米</a>
					</dd>
					<dd>
						<a href="">加入小米</a>
					</dd>
					<dd>
						<a href="">联系我们</a>
					</dd>
				</dl>
				</dl>
				<dl class="foot_link_list">
					<dt class="link_title">关注我们</dt>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">小米部落</a>
					</dd>
					<dd>
						<a href="">官方微信</a>
					</dd>
				</dl>
				</dl>
				<dl class="foot_link_list">
					<dt class="link_title">特色服务</dt>
					<dd>
						<a href="">F 码通道</a>
					</dd>
					<dd>
						<a href="">礼物码</a>
					</dd>
					<dd>
						<a href="">防伪查询</a>
					</dd>
				</dl>
				<div class="contact">
					<p class="tel">400-100-5678</p>
					<p>周一至周日 8:00-18:00
						<br> （仅收市话费）
					</p>
					<a href="">
						<i class="iconfont"></i>24小时在线客服</a>
				</div>
			</div>
		</div>
	</div>
	<div class="copyright">
		<div class="mid">
			<div class="container">
				<div class="mi_logo"></div>
			</div>
			<div class="info_text">
				<p class="sites">
					<a href="">小米商城</a>|
					<a href="">MIUI</a> |
					<a href="">米家</a> |
					<a href="">米聊</a> |
					<a href="">多看</a> |
					<a href="">路由器</a> |
					<a href="">米粉卡</a> |
					<a href="">小米天猫店</a> |
					<a href="">隐私政策</a> |
					<a href="">问题反馈</a> |
					<a href="">Select Region</a>
				</p>
				<p>
					<a href="">©mi.com</a> 京ICP证110507号
					<a href="">京ICP备10046444号</a>
					<a href="">京公网安备11010802020134号</a>
					<a href="">京网文[2014]0059-0009号</a>
					<br>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
			</div>
			<div class="info-links">
				<a href="">
					<img src="./image/truste.png" alt="">
				</a>
				<a href="">
					<img src="./image/v-logo-2.png" alt="">
				</a>
				<a href="">
					<img src="./image/v-logo-1.png" alt="">
				</a>
				<a href="">
					<img src="./image/v-logo-3.png" alt="">
				</a>
				<a href="">
					<img src="./image/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
				</a>
			</div>
			<div class="slogan">探索黑科技，小米为发烧而生</div>
		</div>
	</div>
</body>

</html>